<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../libs/bootstrap.3.4.1.min.css">
		<link rel="stylesheet" href="css/main.css">
		<title>16.10 ajax</title>
	</head>

	<!-- 
	 
	 
	 https://jquery.com/
	 
	 -->

	<body>


		<form action="" id="search-form">

			<div class="container">

				<div class="form-group form-inline">
					<input type="text" class="form-control input-lg " id="username" placeholder="搜索用户">

					<button id="search-btn" class="btn btn-primary btn-lg">搜索</button>

				</div>


				<div id="search-result">
					Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat fugit corrupti consequuntur est
					sapiente, nulla, repellendus voluptatibus numquam rem libero tenetur mollitia ducimus dolore!
					Asperiores, labore. Libero vero inventore deserunt!

				</div>
			</div>



		</form>



		<script src="../libs/jquery.3.6.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="js/main_01.js" type="text/javascript" charset="utf-8"></script> -->

	</body>
</html>
